<!DOCTYPE html>
<html>
  <head>
    <title>David的博客(davidhua1996)</title>
    <meta name="description" content="">
    <meta http-equiv="content-type" content="text/html;charset=UTF-8">
    <link rel="stylesheet" type="text/css" href="resources/css/index.css"/>
  </head>
  <body>
 	<div class="nav-msg opacity">
	   	
	</div>
    <div class="body-content">
    	<div class="view-context btn-border">
    		<div class="top-wind">
    			<div class="top-block">
    				<span id="title-word">
    					Davidhua blog
    				</span>
    				<p>
    					<span id="title-motto">
    						这里填写座右铭xxxxxxxxxxxxx
    					</span>
    				</p>
    			</div>
    			<ul class="top-navi">
    				<li class="selected btn-border">首页</li><li class="btn-border">文章</li><li class="btn-border">日志</li><li class="btn-border">相册</li><li class="btn-border">收藏</li>
    			</ul>
    			<div id="search">
    				<input type="text" class="intext" value="输入关键词"/><span class="btn"></span>
    			</div>
    		</div>
    		<div class="side-wind btn-order">
    			<div class="side-div">
	    			<span class="span-tag">
	    				<span class="side"></span>
	    				<span class="content"><a>博主资料</a></span>
	    			</span>
	    			<a class="cen">
	    				<img alt="头像" width="150px" src="resources/img/tmp_pic.jpg">
	    			</a>
	    			<span class="cen tag_word">博主:华德义(DavidHua)</span>
	    			<span class="cen tag_word">个人兴趣:后台编程开发，业务分析设计</span>
	    			<span class="cen tag_word left">备注信息:<a>https://git.oschina.net/davidhua_1996xxxx</a></span>
	    			<hr/>
	    			<span class="cen tag_word left">今日访问:1000</span>
	    			<span class="cen tag_word left">总访问量:10000</span>
	    			<span class="cen tag_word left">最后登陆时间:2016年 7月 11日</span>
	    		</div>
	    		<div class="side-div">
	    			<span class="span-tag">
	    				<span class="side"></span>
	    				<span class="content"><a>文章分类</a></span>
	    			</span>
	    			<span class="tag-classifier">Java(0)</span>
	    			<span class="tag-classifier">数据库(0)</span>
	    			<span class="tag-classifier">数据挖掘(0)</span>
	    			<span class="tag-classifier">机器学习(0)</span>
	    		</div>
	    		<div class="side-div">
	    			<span class="span-tag">
	    				<span class="side"></span>
	    				<span class="content"><a>近期留言</a></span>
	    			</span>
	    		</div>
    		</div>
    		<div class="side-wind2 btn-border">
    			<div style="width:100%;height:600px;">
    				<div class="span-tag">
    					<span class="side"></span>
    					<span class="content"><a>首页</a></span>
    				</div>
    				<div class="div-content add-line">
	    				<div class="span-tag2">
	    					<div class="content ">
	    						推荐文章
	    					<div class="line"></div>
	    					</div>
	    				</div>
	    				<div class="info" style="display:none;">
	    					<span>博主很懒，什么都没写</span>
	    				</div>
	    				<div class="index-blog add-line">
	    					<span class="icon opacity btn-border">原</span>
	    					<div class="title-content" ><a href="#" class="title">完美构建博客(1)</a><i class="spread"  onclick="spread();"></i></div>
	    					<div id="1" class="hidden">
		    					<div class="description" >
		    						在前面的文章里，我开发了两个插件：根据注解实现的sql自动生成插件和分页插件。这两个插件在没有开启cache的情况下可以很好的使用，但开启cache后却出现了一些问题，为了解决这些问题，我编写了拦截cache的插件，通过这个拦截器修正了这些问题。 问题 什么问题 最容易出现的问题是开启cache后，分页查询时无论查询哪一页都返回第一页的数据。另外，使用sql自动生成插件生成get方法的sql...
		    					</div>
		    				</div>
	    					<div class="tags">
		    					<a class="read">
		    						<i class="icon-read"></i>
		    						阅读(121212)
		    					</a>
		    					<a class="comment">
		    						<i class="icon-comment"></i>
		    						评论(121212)
		    					</a>
		    				</div>
	    				</div>
	    				<div class="index-blog add-line">
	    					<span class="icon opacity btn-border">原</span>
	    					<div class="title-content"><a href="#" class="title">完美构建博客(1)</a><i class="spread"></i></div>
	    					<div class="tags">
		    					<a class="read">
		    						<i class="icon-read"></i>
		    						阅读(121212)
		    					</a>
		    					<a class="comment">
		    						<i class="icon-comment"></i>
		    						评论(121212)
		    					</a>
		    				</div>
	    				</div>
	    				<div class="index-blog add-line">
	    					<span class="icon opacity btn-border">原</span>
	    					<div class="title-content"><a href="#" class="title">完美构建博客(1)</a><i class="spread"></i></div>
	    					<div class="tags">
		    					<a class="read">
		    						<i class="icon-read"></i>
		    						阅读(121212)
		    					</a>
		    					<a class="comment">
		    						<i class="icon-comment"></i>
		    						评论(121212)
		    					</a>
		    				</div>
	    				</div>
	    				<div class="index-blog add-line">
	    					<span class="icon opacity btn-border">原</span>
	    					<div class="title-content"><a href="#" class="title">完美构建博客(1)</a><i class="spread"></i></div>
	    					<div class="tags">
		    					<a class="read">
		    						<i class="icon-read"></i>
		    						阅读(121212)
		    					</a>
		    					<a class="comment">
		    						<i class="icon-comment"></i>
		    						评论(121212)
		    					</a>
		    				</div>
	    				</div>
	    				<div class="index-blog add-line">
	    					<span class="icon opacity btn-border">原</span>
	    					<div class="title-content"><a href="#" class="title">完美构建博客(1)</a><i class="spread(this);"></i></div>
	    					<div class="tags">
		    					<a class="read">
		    						<i class="icon-read"></i>
		    						阅读(121212)
		    					</a>
		    					<a class="comment">
		    						<i class="icon-comment"></i>
		    						评论(121212)
		    					</a>
		    				</div>
	    				</div>
	    			</div>
	    			<div class="div-content">
	    				<div class="span-tag2">
	    					<div class="content">
	    						近期动态
	    					</div>
	    					<div class="line"></div>
	    				</div>
	    				<div class="info" style="display:none;">
	    					<span>暂时没有新动态</span>
	    				</div>
	    				<div style="position:relative">
	    				<div class="dl-tag">
	    					<span class="point"></span>
	    					<div class="line-border opacity"></div>
	    					<span class="dl-msg">收藏了网摘:<a href="#">完美构建博客(1)</a></span>
	    					<span class="content">非常厉害</span>
	    					<span class="time">07-26 17:36</span>
	    				</div>
	    				<div class="dl-tag">
	    					<span class="point"></span>
	    					<div class="line-border opacity"></div>
	    					<span class="dl-msg">评论了博客:<a href="#">完美构建博客(2)</a></span>
	    					<span class="content">非常厉害</span>
	    					<span class="time">07-26 14:16</span>
	    				</div>
	    				<div class="dl-tag">
	    					<span class="point"></span>
	    					<div class="line-border opacity"></div>
	    					<span class="dl-msg">发布了博客:<a href="#">完美构建博客(3)</a></span>
	    					<span class="content">真的非常厉害！！！</span>
	    					<span class="time">07-26 10:12</span>
	    				</div>
	    				<div class="dl-tag">
	    					<span class="point"></span>
	    					<div class="line-border opacity"></div>
	    					<span class="dl-msg">更新了日志:<a href="#">完美构建博客(4)</a></span>
	    					<span class="content">非常厉害</span>
	    					<span class="time">07-26 7:35</span>
	    				</div>
	    				<div class="dl-tag">
	    					<span class="point"></span>
	    					<span class="dl-msg">收藏了网摘:<a href="#">完美构建博客(5)</a></span>
	    					<span class="content">非常厉害</span>
	    					<span class="time">07-26 6:36</span>
	    				</div>
	    				</div>
	    			</div>
	    			<div class="more btn-border">
	    				<div class="msg-more ">显示更多</div>
	    			</div>
    			</div>
    		</div>
    	</div>
    </div>
  </body>
  <script type="text/javascript">
  	var isopen = false;
  	var obj = document.getElementById("1");
  	var height = 0;
  	function spread(){
  		if(!isopen){
  			isopen = true;
  			if(height <= 0){
	  			obj.style.position = "absolute";
				obj.style.visibility = "hidden";
				obj.style.display = "block";
				height = obj.offsetHeight;
				obj.style.height = 0+"px";
				obj.style.visibility = "";
				obj.style.position = "";
  			}
			obj.timer = setInterval(function(){
				obj.style.height = obj.offsetHeight + 1.7 +"px";
				if(obj.offsetHeight == height){
					clearInterval(obj.timer);
				}
			});
  		}else{
  			isopen = false;
  			obj.timer = setInterval(function(){
  				obj.style.height = obj.offsetHeight - 1.7 +"px";
  				if(obj.offsetHeight == 0){
  					clearInterval(obj.timer);
  				}
  			});
  		}
  	}
  </script>
</html>
